<ion-navbar *navbar>
  <ion-title>
    Buttons
  </ion-title>
</ion-navbar>

<ion-content padding class="buttons-components-page">
  <p>
    <button>Default</button>
    <button light>Light</button>
    <button secondary>Secondary</button>
    <button danger>Danger</button>
    <button dark>Dark</button>
  </p>
  <p>
    <button block>Block</button>
    <button clear>Clear</button>
    <button fab>FAB</button>
    <button full>Full</button>
    <button outline>Outline></button>
    <button round>Round</button>
    <button small>Size</button>
    <button>
      Icon
      <ion-icon name='arrow-up'></ion-icon>
    </button>
  </p>

  <ion-card>
    <ion-card-content>
      <img src="http://www.baidu.com/img/2016_6_1logo_8d0030f576acdcf660d470e225368007.gif" />
    </ion-card-content>

    <ion-item>
      <button clear item-left>Like</button>
      <button clear item-right>Comment</button>
    </ion-item>
  </ion-card>
</ion-content>